<template>
    <div class="search-history">
        <div class="search-his_label">搜索历史：</div>
        <div class="search-tag_box">
            <div class="search-tag" v-for="(item, index) in 20" :key="index">报表{{ index }}</div>
        </div>
    </div>
</template>

<script setup lang="js">

</script>
<style scoped lang="scss">
.search-history {

    .search-his_label {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: vw(18);
        color: #FFFFFF;
        margin-bottom: vh(15);
    }

    .search-tag_box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .search-tag {
            background: #0C2430;
            border-radius: vw(6);
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: vw(12);
            color: #FFFFFF;
            margin-right: vw(9);
            padding: vh(8) vw(20);
            cursor: pointer;
            margin-bottom: vh(15);
        }
    }
}
</style>